/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */


/*
 * Body
 */

body {
  margin: 0;
  padding: 0;
	color:#684f40;
	font:12px Arial, Helvetica, sans-serif;
}

a{
	text-decoration:none;
	color:#684f40;
}
a:hover{text-decoration:underline;}

a.active {background:none; }

#page {
	margin: 0 auto;
  padding: 0;
  width: 1012px;
}

/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 * See the element-focusable rule in system.base.css.
 */

#skip-link {
  margin: 0;
}
#skip-link a,
#skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #fff;
}

/*
 * Header
 */

#header {
	height: 145px;
  padding: 16px 26px 0;
  
  top: 0;
  width: 960px;
	background:#fff url(../images/bg-body.gif) repeat-x;
}

.header-container2 {
	height: 98px;
  overflow: hidden;
}

.header-container {
  float: left;
  width: 672px;
}

.add-nav1, .add-nav2 {
  overflow: hidden;
  width: 100%;
}

.add-nav1 {
  margin: 0 0 7px;
}

.add-nav2 {
  margin: 0 0 16px;
}

.add-nav1 ul, .add-nav2 ul {
  display: inline;
  float: right;
  font-weight: bold;
  list-style: none outside none;
  margin: 0 -8px 0 0;
  padding: 0;
}

.add-nav1 li, .add-nav2 li {
  background: url("../images/separator-brown.gif") no-repeat scroll 100% 3px transparent;
  float: left;
  margin: 0 -2px 0 2px;
  padding: 0 10px;
}

.add-nav1 li, .add-nav2 li {
    background: url("../images/separator-brown.gif") no-repeat scroll 100% 3px transparent;
    float: left;
    margin: 0 -2px 0 2px;
    padding: 0 10px;
}

.add-nav1 .cart-item a {
  color: #FF6600;
}

.add-nav2 ul {
  font-size: 17px;
}

.add-nav2 li {
  background: url("../images/separator-blue.gif") no-repeat scroll 100% 3px transparent;
  margin: 0 -3px 0 3px;
  padding: 0 12px;
}

.add-nav2 li a {
  color: #195987;
}

#searchbar {
  background: url("../images/bg-search-form-l.gif") no-repeat scroll 0 0 transparent;
  float: right;
}

.search-form {
    background: url("../images/bg-search-form-r.gif") no-repeat scroll 100% 0 transparent;
    float: left;
    padding: 10px 22px 9px 15px;
}

#search {
	background: none repeat scroll 0 0 #FFFFFF;
  border: 0 none;
 	color: #444444;
  float: left;
  font-weight: bold;
  height: 14px;
  line-height: 14px;
  padding: 4px 20px 5px;
  width: 146px;
}

.btn-search {
  background: url("../images/btn-search.gif") no-repeat scroll 0 0 transparent;
  border: 0 none;
  cursor: pointer;
  float: left;
  font-size: 0;
  height: 23px;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
  width: 21px;
}

#logo { /* Wrapping link for logo */
  float: left; /* LTR */
  margin: 0;
  padding: 0;
 	height: 90px;
  overflow: hidden;
  width: 277px;
}
#logo img {
  vertical-align: bottom;
}

#name-and-slogan { /* Wrapper for website name and slogan */
  float: left;
}

#site-name { /* The name of the website */
  margin: 0;
  font-size: 2em;
  line-height: 1.5em;
}
#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
}
#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

#site-slogan { /* The slogan (or tagline) of a website */
  margin: 0;
  font-size: 1em;
}

.region-header { /* Wrapper for any blocks placed in the header region */
  clear: both; /* Clear the logo */
}


/*navigation*/
#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 960px;
	display: table;
	position: relative;
}
#nav li {
	display: table-cell;
	font: 17px/38px 黑体, Arial, Helvetica, sans-serif;
	background: url(../images/separator-nav.gif) no-repeat;
	padding: 0 0 0 2px;
	position:relative;
	z-index:100;
}
* html #nav li { float: left; }
*+html #nav li { float: left; }
*+html #nav li.last-child {
	height: 1%;
	float: none;
}
#nav li:first-child,
#nav li.first-child {
	padding-left: 0;
	background: none;
}
#nav li a {
	color: #fff;
	text-decoration: none;
	display: block;
	line-height:38px;
	padding:0 15px;
	height: 38px;
	text-align: center;
	position:relative;
	background: url(../images/none.gif);
	/* background: url(../images/bg-nav.gif) no-repeat -10px 0; */
}
#nav ul li a{
	height:20px;
	line-height:20px;
} 
/* for equal links mode */
#nav.scaling-active li a {
	float: left;
	padding:0;
}
#nav.scaling-ready li a {
	float: none;
	display: block;
}
/* ----------------- */
#nav li a:hover,
#nav li.active a,
#nav li:hover a,
#nav li.hover a {
	text-decoration: none;
	background-position: -15px -46px;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 100%;
	left: 3px;
	z-index:100;
	display: none;
	border:solid #ccc;
	border-width:0 1px 1px;
	width: 183px;
	background:#1c608e;
}
#nav ul li {
	font-size: 14px;
	line-height: 17px;
	padding: 0;
	display: block;
	background:url(../images/none.gif);
	float: none;
	border-top: 1px solid #ccc;
	height: 1%;
	vertical-align: top;
	position:relative;
}
#nav ul li a {
	padding: 6px 10px 5px !important;
	text-align: left;
	float: none;
	display: block;
	background: none;
	height: 1%;
}
#nav li:hover,
#nav li.hover{ z-index:150;}
#nav li:hover li:hover,
#nav li.hover li.hover{ z-index:170;}
#nav li:hover div,
#nav li.hover div { position: relative; }
#nav li:hover ul,
#nav li.hover ul { display: block;}
#nav li:hover ul ul,
#nav li.hover ul ul{display:none;}
#nav li:hover li:hover ul,
#nav li.hover li.hover ul{display:block;}
#nav li:hover li:hover ul ul,
#nav li.hover li.hover ul ul{display:none;}
#nav li:hover li:hover li:hover ul,
#nav li.hover li.hover li.hover ul{display:block;}
#nav ul li:hover a,
#nav ul li.hover a { background-color: #ccc; }
.spacer { height: 100px; }
#nav2 {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	display: table;
}
#nav2.scaling-active {
	width: 100%;
	float: none;
}
#nav2 li {
	display: table-cell;
	font: bold 14px/18px Arial, Helvetica, sans-serif;
}
* html #nav2 li { float: left; }
*+html #nav2 li { float: left; }
*+html #nav2 li.last-child {
	height: 1%;
	float: none;
}
#nav2 li a {
	color: #fff;
	text-decoration: none;
	height: 32px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	margin: 0 0 0 10px;
	display: block;
}
* html #nav2 li a { float: left; }
/* for equal links mode */
#nav2.scaling-active li a { float: left; }
#nav2.scaling-ready li a {
	float: none;
	display: block;
}
/* ----------------- */
#nav2.scaling-active li a span { margin: 0 5px 0 0; }
#nav2.scaling-ready li a span { float: none; }
#nav2.scaling-ready li a em {
	float: right;
	margin: -64px 0 0;
}
* html #nav2 li a:hover { border: 0; }
* html #nav2 li a:hover span {
	margin-top: -32px;
	padding-top: 38px;
	height: 26px;
}
#nav ul ul{
	position:absolute;
	top:30px;
	left:30px;
}
#nav ul li:hover a,
#nav ul li.hover a{background:#ccc;}
#nav ul li:hover li a,
#nav ul li.hover li a{
	background:#1c608e;
}
#nav ul li:hover li:hover a,
#nav ul li.hover li.hover a{
	background:#ccc;
}
#nav ul li:hover li:hover li a,
#nav ul li.hover li.hover li a{
	background:#1c608e;
}
#nav ul li:hover li:hover li:hover a,
#nav ul li.hover li.hover li.hover a{
	background:#ccc;
}
#nav3 {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	display: table;
}
#nav3.scaling-active {
	width: 100%;
	float: none;
}
#nav3 li {
	display: table-cell;
	font: bold 14px/18px Arial, Helvetica, sans-serif;
}
* html #nav3 li { float: left; }
*+html #nav3 li { float: left; }
*+html #nav3 li.last-child {
	height: 1%;
	float: none;
}
.nav-holder {
	margin: 0 0 0 -10px;
}
#nav3 li a {
	color: #fff;
	text-decoration: none;
	height: 32px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	margin: 0 0 0 10px;
	display: block;
}
* html #nav3 li a { float: left; }
/* for equal links mode */
#nav3.scaling-active li a { float: left; }
#nav3.scaling-ready li a {
	float: none;
	display: block;
}
* html #nav3 li a:hover { border: 0; }
* html #nav3 li a:hover span {
	margin-top: -32px;
	padding-top: 38px;
	height: 26px;
}

/*
 * Main (container for everything else)
 */

#main{background:url(../images/bg-main-c.gif) repeat-y;}

.main-holder{
	height: 270px;
  margin: 0 0 22px 27px;
  padding: 14px 15px;
  width: 930px;
	background:#77bff2;
}

.main-container{
	width:100%;
	overflow:hidden;
	margin:11px 0 0;
	padding: 0 11px;
}

#main-right {
	  float: right;
    margin-right: 26px;
    width: 735px;
}
/*
 * Content
 */

#content {
}


.region-highlighted {
}

.breadcrumb { /* The path to the current page in the form of a list of links */
}
.breadcrumb ol {
  margin: 0;
  padding: 0;
}
.breadcrumb li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

h1.title, /* The title of the page */
h2.node-title, /* Title of a piece of content when it is given in a list of content */
h2.block-title, /* Block title */
h2.title, /* Comment section heading */
h2.comment-form, /* Comment form heading */
h3.title { /* Comment title */
  margin: 0;
}

tr.even { /* Some tables have rows marked even or odd. */
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

tr.odd {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

div.messages { /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */
  margin: 1.5em 0; /* Drupal core uses "6px 0" margin */
}
div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

div.status { /* Normal priority messages */
}

div.warning,
tr.warning { /* Medium priority messages */
  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}

div.error,
tr.error { /* High priority messages. See also the .error declaration below. */
}

.error { /* Errors that are separate from div.messages status messages. */
  /* color: #e55; */ /* Drupal core uses a #e55 background */
}

.warning { /* Warnings that are separate from div.messages status messages. */
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
}

.tabs { /* See also the tabs.css file. */
}

.region-help { /* Help text on a page */
}

.more-help-link { /* Link to more help */
}

.region-content { /* Wrapper for the actual page content */
}

ul.inline { /* List of links generated by theme_links() */
  display: inline;
  padding: 0;
}
ul.inline li {
  display: inline;
  list-style-type: none;
  padding: 0 1em 0 0; /* LTR */
}

span.field-label { /* The inline field label used by the Fences module */
  padding: 0 1em 0 0; /* LTR */
}

.item-list .pager { /* A list of page numbers when more than 1 page of content is available */
  padding: 0;
}
.item-list .pager li { /* Each page number in the pager list */
  padding: 0 0.5em;
}

.feed-icon { /* The link to the RSS or Atom feed for the current list of content */
}

.more-link { /* Aggregator, blog, and forum more link */
}

/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */

.region-sidebar-first {
}

/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.)
 */

.region-sidebar-second {
}

/*
 * Footer
 */

#footer {
}

/*
 * Page bottom
 */

.region-bottom { /* Wrapper for any blocks placed in the page bottom region */
}


/*sidebar*/
#sidebar{
	width:220px;
	float:left;
}
.slide-block{width:220px;}
.slide-block .title {
	overflow:hidden;
	background:url(../images/bg-slide-c.gif) repeat-y;
	margin:0 0 -12px;
	width:100%;
}
.slide-block .title-holder{background:url(../images/bg-slide-t.gif) no-repeat 0 -7px;}
.slide-block .title-frame{
	background:url(../images/bg-slide-b.gif) no-repeat 0 100%;
	padding:0 0 16px;
}
.slide-block a.open-close {
	display:block;
	color:#fff;
	text-decoration:none !important;
	background:url(../images/btn-close.gif) no-repeat 197px 50%;
	padding:11px 30px 11px 36px;
	font-weight:bold;
	font-size:14px;
	outline:none;
}
.slide-block strong{
	color:#fff;
	display:block;
	font-weight:bold;
	font-size:14px;
	margin:0 0 8px;
}
.newsletter-block .title{margin:0;}
.newsletter-block .title-holder{background:url(../images/bg-slide-t2.gif) no-repeat 0 0;}
.newsletter-block p{margin:0 0 11px;}
.newsletter-block{color:#fff;}
.newsletter-block .text{padding:24px 20px 4px 36px;}
.active a.open-close{background:url(../images/btn-open.gif) no-repeat 197px 50%;}
.slide-block .block{
	padding:0 0 5px 16px;
	background:url(../images/bg-slide-block2.gif) no-repeat 0 100%;
	width:204px;
	margin: 0;
}
.last-slide .block{
	background: url(../images/bg-slide-block.gif) no-repeat 100% 100%;
	width:200px;
}
.last-slide a.open-close{
	padding:20px 30px 6px 36px;
	background-position:197px 75%;
}
.first-slide a.open-close{
	padding:17px 30px 6px 36px !important;
	background-position:197px 70%;
}
.first-slide .title-frame{padding:0 0 17px !important;}
.last-slide .title-holder{background:url(../images/bg-slide-t2.gif) no-repeat 0 0;}
.first-slide .title-holder{background:url(../images/bg-slide-t.gif) no-repeat 0 0;}
.first-slide .title-frame{padding:4px 0 10px;}
.middle-slide .title{margin:0;}
.middle-slide .title-frame{
	margin:0;
	background:url(../images/bg-slide-b.gif) no-repeat 0 100%;
}
.middle-slide .block{
	background:none;
	padding:0;
	margin:0 0 0 16px;
	width:200px;
}
.active{background:url(../images/bg-slide-block3.gif) repeat-y;}
.last-slide .title{margin:0;}
.last-slide .title-frame{
	background:url(../images/bg-slide-b-closed.gif) no-repeat 0 100%;
}
.slide-block ul{
	margin:0;
	padding:0 19px 10px;
	list-style:none;
	width:162px;
	overflow:hidden;
	font-weight:bold;
	z-index:20;
	background:#ebe2db;
}
.middle-slide ul{margin:-7px 0;}

.slide-block .container{padding:0 0 15px;}
.slide-block li{
	padding:5px 5px 4px 0;
	background:url(../images/divider.gif) repeat-x;
	margin:-1px 0 1px;
}
.slide-block li strong{
	color:#684f40;
	margin:0;
}
.slide-block li .view-more{
	padding:0 0 0 10px;
	background:url(../images/btn-add.gif) no-repeat 0 4px;
	font-size:12px;
}
.active .title-frame{
	background:url(../images/bg-slide-b.gif) no-repeat 0 100%;
	padding:0 0 16px;
}
.btn-join{
	text-decoration:none !important;
	color:#fff;
	float:left;
	background:url(../images/btn-join-l.gif) no-repeat;
	cursor:pointer;
	font:bold 12px/27px Arial, Helvetica, sans-serif; 
}
.btn-join span{
	float:left;
	background:url(../images/btn-join-r.gif) no-repeat 100% 0;
	padding:0 29px 2px 26px;
}
.header-container2{
	height:98px;
	overflow:hidden;
}
.container{
	width:100%;
	overflow:hidden;
	position:relative;
}

.main-right {
  float: right;
  margin-right: 30px;
  width: 735px;
}

.galleries{margin:-7px 0 0;}
.gallery{
	width:640px;
	position:relative;
	background:url(../images/bg-gallery.gif) no-repeat;
	margin:0 0 17px;
	padding:20px 42px 19px 38px;
	overflow:hidden;
}



.gallery .heading{
	height:1%;
	overflow:hidden;
	margin:3px 0 25px 0;
}
.gallery .heading a{
	text-decoration:none;
	float:right;
	color:#fff !important;
	font-weight:bold;
	background:url(../images/arrow-white.gif) no-repeat 100% 3px;
	padding:0 11px 0 0;
	margin:2px 0 0;
	font-size:13px;
}
.gallery .heading a:hover{text-decoration:underline;}
.gallery h2,
.gallery h1,
.item-list-box h2{
	margin:0;
	color:#fff;
	text-transform:uppercase;
	font-size:16px;
	line-height: normal;
}
.gallery .btn-next,
.gallery .btn-prev{
	text-indent:-9999px;
	overflow:hidden;
	width:18px;
	height:33px;
	top:117px;
	left:-2px;
	background:url(../images/btn-gallery.gif) no-repeat;
	position:absolute;
	outline:none;
}
.inner-gallery .btn-next,
.inner-gallery .btn-prev{top:113px;}
.gallery .btn-next{
	background-position:0 100%;
	left:auto;
	right:0;
}
.gallery .holder{
	width:656px;
	overflow:hidden;
	height:160px;
	position:relative;
}
.gallery .slider{
	width:9999px;
	overflow:hidden;
	position:relative;
}
.gallery .slide{float:left;}
.invisible{display:none;}
.active-slide .visual{
	float:left;
	width:120px;
}
.visual .t {background:url(../images/bg-visual-t.gif) repeat-x;}
.visual .b {background:url(../images/bg-visual-b.gif) repeat-x 0 100%;}
.visual .tl {background:url(../images/bg-visual-tl.gif) no-repeat;}
.visual .tr {
	padding-top:2px;
	background:url(../images/bg-visual-tr.gif) no-repeat 100% 0;
}
.visual .bl {background:url(../images/bg-visual-bl.gif) no-repeat 0 100%;}
.visual .br {
	background:url(../images/bg-visual-br.gif) no-repeat 100% 100%;
	padding-bottom:6px;
}
.visual .l {background:url(../images/bg-visual-l.gif) repeat-y;}
.visual .r {
	background:url(../images/bg-visual-r.gif) repeat-y 100% 0;
	padding:0 5px;
}
.active-slide{
	height:160px;
	overflow:hidden;
	width:350px;
}
.active-slide .description-box{
	float:left;
	width:184px;
	padding:0 20px 0 15px;
}
.active-slide a{color:#ff7e11 !important;}
.active-slide p{margin:0 0 15px;}
.active-slide strong{
	display:block;
	color:#ff7e11;
	font-size:16px;
	line-height:normal;
}
.active-slide .author{
	display:block;
	font-weight:bold;
	margin:0 0 8px;
}
.active-slide .btn-more{
	width: 100px;
	height: 30px;
	display: block;
}

.default-slide{
	background:url(../images/gallery-divider.gif) no-repeat 0 7px;
	padding:0 0 40px 0;
	height:130px;
	position:relative;
	width:153px;
}
.default-slide .visual{
/*
	margin:0 40px;
	float:left;
*/
	display:inline;
}
.default-slide span{
    bottom: 17px;
    font-size: 10px;
    margin: 0 15px;
    position: absolute;
    text-align: center;
    width: 84%;
}
.default-slide a{
	color:#e05105;
	/* background:url(../images/arrow-orange.gif) no-repeat 100% 4px; */
	padding:0 8px 0 0;
	text-decoration:underline;
}
.default-slide a:hover{text-decoration:none;}

.default-slide .container {
	margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 90%;
}
.inner-gallery{
	background:url(../images/bg-inner-gallery.gif) no-repeat 50% 0;
	width:844px;
	margin:0 auto;
	padding:11px 34px 21px 39px;
}
.inner-gallery .btn-prev{left:-1px;}
* html .inner-gallery .btn-next{right:-1px;}
.inner-gallery .btn-more{background:url(../images/btn-more2-l.gif) no-repeat;}
.inner-gallery .btn-more span{background:url(../images/btn-more2-r.gif) no-repeat 100% 0;}
.inner-gallery .active-slide{
	padding:0 0 0 44px;
	width:405px;
}
.inner-gallery .description-box{padding:0 27px 0 50px;}
.inner-gallery .holder{width:840px;}
.inner-gallery .default-slide{width:180px;}
.inner-gallery .default-slide .visual{margin:0 70px;}


.gallery.short{
	background:url(../images/bg-gallery-short.gif) no-repeat;
	margin:0 0 17px;
	padding:19px 42px 0px 38px;
	overflow:hidden;
}
.galleryshortcontent {
	width:680px;
	padding: 0 16px;
	position: relative;
    top: -15px;
}

.galleryshortcontent ul {
	list-style: none;
	padding:0
}

.galleryshortcontent span {
    float: left;
    margin-right: 15px;
    margin-top: 5px;
    overflow: hidden;
    text-align: center;
    width: 118px;
}



.item-list-box-white{
	width:743px;
	background:url(../images/bg-item-list-c.gif) repeat-y;
	margin:0 0 0 18px;
	overflow:hidden;
}
.item-list-box-white .holder{
	background:url(../images/bg-item-list-t.gif) no-repeat;
}
.item-list-box-white .frame{
	background:url(../images/bg-item-list-b.gif) no-repeat 0 100%;
	padding: 50px 12px 50px;
}

.item-list-box{
	width:743px;
	background:url(../images/bg-item-list-c.gif) repeat-y;
	overflow:hidden;
}
.item-list-box .holder{
	background:url(../images/bg-item-list-t.gif) no-repeat;
}
.item-list-box h2{
	float:left;
	padding:2px 0 0;
}
.item-list-box .frame{
	background:url(../images/bg-item-list-b.gif) no-repeat 0 100%;
	padding:7px 30px 40px;
}
.item-list-box .paging{
	float:right;
	color:#fff;
	margin:0 27px 0 0;
	display:inline;
}
.item-list-box .heading{
	width:100%;
	overflow:hidden;
	margin:3px 0 9px;
}
.item-list-box .paging span{
	line-height:26px;
	float:left;
	padding:0 13px 0 0;
	font-size:14px;
}
.item-list-box .paging a{
	text-indent:-9999px;
	overflow:hidden;
	width:26px;
	height:26px;
	cursor:pointer;
	float:left;
}
.item-list-box .paging .link-prev{background:url(../images/btn-pager.gif) no-repeat;}
.item-list-box .paging .link-next{
	background:url(../images/btn-pager.gif) no-repeat 0 100%;
	margin:0 0 0 5px;
	display:inline;
}
.item-list-box .v1{
	width: 100%;
	overflow: hidden;
	position: relative;
	display:block;
}
.item-list-box .v2{
	position: relative;
	float: left;
	left: 50%;
}
.item-list-box .visual{
	background:url(../images/bg-shadow-c.gif) repeat-x;
	float:left;
	position: relative;
	left: -50%;
}
.item-list-box .visual-holder{background:url(../images/bg-shadow-l.gif) no-repeat; float:left;}
.item-list-box .visual-frame{
	background:url(../images/bg-shadow-r.gif) no-repeat 100% 0;
	padding:2px 4px 12px;
	float:left;
}

/*footer*/
#footer{padding:0 0 20px;}
.footer-section{
	background:url(../images/bg-footer-c.gif) repeat-y;
	margin:0 0 2px;
	width:100%;
}
.footer-section .holder{
	background:url(../images/bg-footer-t.gif) no-repeat;
}
.footer-section .frame{
	background:url(../images/bg-footer-b.gif) no-repeat 0 100%;
	padding:33px 20px 16px;
	height:1%;
	overflow:hidden;
}
.footer-box{
	width:266px;
	padding:0 26px 42px 31px;
	float:left;
	min-height:240px;
}
* html .footer-box{height:240px;}
.boxes-container{
	width:1012px;
	overflow:hidden;
}
.footer-box .heading{
	width:100%;
	overflow:hidden;
	margin:0 0 17px;
}
.footer-box .container{padding:0 0 40px;}
.footer-box h3{
	margin:0;
	color:#3e1b0e;
	font:bold 15px Arial, Helvetica, sans-serif;
	float:left;
}
.footer-box .visual{
	background:url(../images/bg-footer-visual.gif) no-repeat;
	padding:1px 3px 8px;
	float:left;
	margin:0 21px 0 0;
}
.footer-box .text{
	float:left;
	width:138px;
}
.link{
	text-decoration:none;
	color:#3980b3;
	padding:0 10px 0 0;
	background:url(../images/arrow-blue.gif) no-repeat 100% 4px;
	font-size:12px;
}
* html .text .link{background:url(../images/arrow-blue.gif) no-repeat 100% 90%;}
.link:hover{text-decoration:underline;}
.footer-box .heading .link{float:right;}
.marked-text{
	color:#de5105;
	font-weight:bold;
	font-size:14px;
	display:block;
	margin:0 0 26px;
}
.footer-box .text strong{
	display:block;
	color:#de5105;
	font-size:16px;
	margin:0 0 3px;
}
.footer-box .text .author{
	color:#3e1b0e;
	display:block;
	font-size:12px;
	margin:0 0 17px;
}
.footer-box .text p{margin:0;}
.news-list{
	margin:0;
	padding:0;
	list-style:none;
	font-size:12px;
}
.news-list li{
	vertical-align:top;
	height:1%;
	margin:0 0 13px;
}
.news-list strong{
	display:block;
	color:#de5003;
	margin:0 0 -2px;
}
.news-list p{margin:0 0 -1px;}
.footer-box blockquote{
	margin:0 0 10px;
	display:block;
}
.footer-box q{
	display:block;
	line-height:17px;
	font-size:12px;
	margin:0 0 10px;
}
.footer-box cite{
	display:block;
	background:url(../images/bullet.gif) no-repeat 2px 7px;
	padding:0 0 0 12px;
	color:#3e1b0e;
	font-style:normal;
	font-weight:bold;
}
.footer-container{
	width:100%;
	overflow:hidden;
	color:#3e1b0e;
}
.copy-box{
	float:left;
	width:308px;
	padding:0 12px 0 47px;
}
.copy-box strong{
	display:block;
	font-size:13px;
	margin:0 0 4px;
}
.copy-box ul{
	margin:0 0 2px -3px;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.copy-box li{
	float:left;
	background:url(../images/separator-brown2.gif) no-repeat 0 2px;
	margin:0 2px 0 -2px;
	padding:0 6px;
}
.copy-box li a{
	text-decoration:underline;
	color:#3e1b0e;
}
.copy-box li a:hover{text-decoration:none;}
.copy-box span{display:block;}
.copy-box span a{color:#3e1b0e;}
.blogspot-box{
	float:left;
	width:310px;
	line-height:20px;
	font-size:13px;
	padding:3px 11px 0 0;
}
.blogspot-box strong,
.blogspot-box a img{
	float:left;
	margin:0 6px 0 0;
}
.blogspot-box a{
	color:#933a0d;
	text-decoration:underline;
	font-weight:bold;
}
.blogspot-box a:hover{text-decoration:none;}
.contacts-box{
	float:left;
	font-weight:bold;
	font-size:12px;
}
.contacts-box ul{
	margin:0 0 0 -4px;
	padding:0;
	list-style:none;
	height:1%;
	overflow:hidden;
}
.contacts-box li{
	background:url(../images/separator-brown3.gif) no-repeat;
	margin:0 2px 0 -2px;
	float:left;
	padding:0 5px 0 7px;
}
.contacts-box li a{
	color:#3e1b0e;
	text-decoration:none;
	padding:0 10px 0 0;
	background:url(../images/arrow-brown.gif) no-repeat 100% 2px;
}
.contacts-box li a:hover{text-decoration:underline;}
.contacts-box strong{
	display:block;
	margin:0 0 3px;
}

.prevnext {
	float: left;
	margin: 0 0 0 19px;
	padding: 0;
}

.prevnext #next {
	margin-left: 5px;
}

.viewlarger {
	float: left;
	margin: 1px 0 0 8px;
	padding: 0;
}

/* ----- Social Media Styles ----- */	
.sbox { width: 300px; border: 1px solid #ccccccc; padding: 5px;}
.tweet_list {list-style:none; margin: 0; padding: 0;}
.tweet_list li{border-bottom: 1px dashed #cccccc; margin-bottom: 3px; padding-bottom: 4px;}
#sbuttons {margin: 15px 0 10px 0}
#sbuttons img{margin-right: 10px;}

#tab-abdopub {
  background: none repeat scroll 0 0 #FFCC2D;
}

.tab-short {
  color: #3E1B0E;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 22px 26px;
  min-height: 13px;
  padding: 14px 15px;
  width: 931px;
}

.book-body {
	padding-right:20px;
	font-size: 12px;
}

.book-item {
	width: 221px;
	float: left;
}

#books-items {
	margin: 20px 0;
}

.book-item-row {
	margin-bottom: 5px;
	padding:3px;
	background: url(../images/divider.gif) repeat-x scroll 0 bottom transparent;
}

.book-cover {
	width: 150px;
}

.book-body {
}

#user-login .form-text {
	background-color: #F7F7F7;
 	border: 1px solid #CCCCCC;
 	color: #3E1B0E;
  	font-size: 12px;
  	padding: 2px 3px;
}

/* ---------------- Buttons    ---------------- */

input.form-submit,
a.button, {
  background: #fff url(../images/buttons.png) 0 0 repeat-x;
  border: 1px solid #e4e4e4;
  border-bottom: 1px solid #b4b4b4;
  border-left-color: #d2d2d2;
  border-right-color: #d2d2d2;
  color: #3a3a3a;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 1em;
  margin-right: 0.6em; /* LTR */
  padding: 4px 17px;
 
}
a.button:link,
a.button:visited,
a.button:hover,
a.button:focus,
a.button:active {
  text-decoration: none;
  color: #5a5a5a;
}

input {
  margin: 2px 0;
  padding: 4px;
}
input,
textarea {
  font-size: 0.929em;
}
textarea {
  line-height: 1.5;
}
textarea.form-textarea,
select.form-select {
  padding: 4px;
}
input.form-text,
textarea.form-textarea,
select.form-select {
  border: 1px solid #ccc;
}
input.form-submit:hover,
input.form-submit:focus {
  background: #dedede;
}

table.selectbooks {
	border-collapse: collapse;
	border: 3px solid #f0f8ff;
	border-top: 5px double #87CEFA;
	border-bottom: 5px double #87CEFA;
	width: 100%;
}

.selectbooks th {
font: bold 1.1em/120% Verdana, Arial, Helvetica, sans-serif;
padding: 5px 10px;
font-variant: small-caps;
color: #047;
font-weight: bold;
text-align: left;
letter-spacing: -1px;
}
.selectbooks thead th {
border: 1px solid #87CEFA;
white-space: nowrap;
background: #F0F8FF;
}
.selectbooks tbody td ,.selectbooks tbody th {
padding: 5px 10px;
background: #fff;
color: #000;
}
.selectbooks tbody th {
color: #047;
font-weight: normal;
font-variant: normal;
font-size: 1em;
}
.selectbooks tbody tr.odd {
border: 1px solid #87CEFA;
}
.selectbooks tbody tr.odd td, .selectbooks tbody tr.odd th {
background: #F0F8FF;
}
.selectbooks tfoot td, .selectbooks tfoot th {
border: none;
padding-top: 10px;
}
.items-list-title {
font-family: "Georgia", serif;
letter-spacing: 5px;
font-style: italic;
text-align: left;
text-indent: 2em;
text-transform: uppercase;
font-size: 150%;
padding: 10px 0;
color: #047;
}

.items-list {
	margin-right: 20px;
}